#free{
  /*height: 70rem;*/
  margin-bottom: 4rem;
  .swipe{
    padding-top: 3rem;
    height: 19rem;
    .swipe-item{
      text-align: center;
      img{
        width: 14rem;
      }
    }
  }
  .comic{
    background-color: white;
    padding: 2% 4% 0 4%;
    .comic-tit{
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      p{
        font-size: 1.1rem;
        font-weight: bold;
        white-space: nowrap;
      }
      div{
        display: flex;
        align-items: center;
        font-size: .8rem;
        color: #7c7c7c;
        .arr{
          width: 14px;
        }
      }
    }
    .comic-bar{
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      margin: 3% 0 0 0;
      box-sizing: border-box;
      div{
        /*border: 1px solid red;*/
        width: 30%;
        margin-bottom: 15px;
        img{
          width: 100%;
          margin-bottom: 3px;
          border-radius: 3px;
        }
        h3{
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
          font-size: .9rem;
        }
        p{
          font-size: .6rem;
          color: #7c7c7c;
        }
      }
    }
    .cut{
      font-size: .9rem;
      display: flex;
      align-items: center;
      background-color: #efefef;
      justify-content: center;
      width: 46%;
      margin-left: 27%;
      border-radius: 1rem;
      line-height: 1.6rem;
      img{
        width: 1.1rem;
      }
    }
  }

}
